<!DOCTYPE HTML>
<html>
    <head>
        <script src="media-file.js"></script>
        <script src="video-paint-test.js"></script>
        <script src="media-controls.js"></script>
        <style>
            video:nth-of-type(1) {
                font: bold italic 30px monospace;
                color: red;
            }
        </style>
    </head>
    <body onload="setVideoSrcAndWaitForFirstFrame('content/test.ogv')">
        <p>The look of the controls should not change when styled under strict mode.</p>
        <video controls></video>
        <video controls></video>
    </body>
    <script>
      const videos = document.getElementsByTagName('video');
      for (var i = 0; i < videos.length; ++i) {
        enableTestMode(videos[i]);
      }
    </script>
</html>
